<template>
	<view>

		<view class="u-flex u-flex-between u-flex-y-center u-he-100 u-lihe-100 u-p-l-30 u-p-r-30"
			style="border-bottom: 1px solid #000;">
			<view>
				ASMR
			</view>
			<view class="u-flex u-flex-y-center ">
				<u-icon name="search" color="#ffffff" size="21" class='u-m-r-15'></u-icon>
				<u-icon name="qq-fill" color="#ffffff" size="21"></u-icon>
			</view>
		</view>
		<view class="u-p-30 ">
			<view class="u-flex u-flex-y-center u-p-t-20 u-p-b-20 u-p-l-30">
				<image src="../../static/images/jifen.png" mode="" class="u-wd-150 u-he-150"></image>
				<navigator url="/pages/login" class="c-fff u-font-16 u-p-l-30" hover-class="navigator-hover">
					请先登录
				</navigator>
			</view>
			<view class="">
				<view class="u-flex u-flex-y-center u-p-t-30 u-p-b-30">
					<image src="../../static/gg_ico.png" mode="" class="u-wd-80 u-he-80"></image>
					<view class="u-p-l-30 u-font-34">
						开通会员
					</view>
				</view>
				<view class="u-flex u-flex-y-center u-p-t-30 u-p-b-30">
					<image src="../../static/gg_ico.png" mode="" class="u-wd-80 u-he-80"></image>
					<view class="u-p-l-30 u-font-34">
						播放历史
					</view>
				</view>
				<view class="u-flex u-flex-y-center u-p-t-30 u-p-b-30">
					<image src="../../static/gg_ico.png" mode="" class="u-wd-80 u-he-80"></image>
					<view class="u-p-l-30 u-font-34">
						顶过的视频
					</view>
				</view>

			</view>
		</view>

	</view>
</template>

<script>
	export default {

	}
</script>
<style>
	.main {
		min-height: 100vh;
		background: #282828;
	}
</style>